// @import "comm/com";
@r: #c50000;
@ro: rgba(205,0,0,.7);
@c6: #666;
@cb: #f4f4f4;
@c6o: rgba(102, 102, 102, .7);
@px: 1px;
// 字体大小
.ft(@px) {
    font-size: @px;
}

// 内边距
.pg(@p30: 30px 0) {
    padding: @p30;
}

// 背景颜色
.bc(@col: @cb) {
    background-color: @col;
}

// 文字颜色
.op(@op: .7) {
    color: #666;
    opacity: @op;
}

//阴影
.bs(@color:rgba(102, 102, 102, .2)){
    box-shadow: 0 1px 15px 1px @color;
}

//边框
.br {
    border: 1px solid rgba(102, 102, 102, .3);
}

// 鼠标禁止
.curno {
    cursor: not-allowed;
}

//背景图
.bi(@src: '') {
    background: url("../img/@{src}") no-repeat center center;
    background-size: cover;
    display: inline-block;
}

// 外盒子背景白+边距
.bv1 {
    .bc();
    .pg();
}

//内盒子+边距+阴影
.bv2 {
    .bc(#fff);
    .pg(40px 30px);
    .bs;
}

// 红色线条
//父级需要设置相对定位
.liner(@w: 5px,
@h: 59px,
@t: 0,
@l: 0) {
    &:before {
        content: '';
        position: absolute;
        width: @w;
        height: @h;
        top: @t;
        left: @l;
        .bc(@r);
        display: block;
    }
}

